<template>
  <div class="chat-item" @click="$router.push('/ai')">
    <div class="img">
      <img src="/img/7.png" alt="" />
    </div>
    <div class="letter">
      <h3>AI</h3>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped>
.chat-item {
  width: 100%;
  height: 100px;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #ccc;
}
.img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 10px 0 0 0;
}
</style>